
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Contact Us</title>
	<script src="freecontactformvalidation.js"></script>
	<script>
	required.add('Nombre_Completo','NOT_EMPTY','Nombre Completo');
	required.add('Email','EMAIL','Email');
	required.add('Mensaje','NOT_EMPTY','Mensaje');
	required.add('AntiSpam','NOT_EMPTY','Anti-Spam Question');
	</script>
	<link rel="stylesheet" type="text/css" href="freecontactform.css">
	</head>
	<body>
	
	<form name="freecontactform" method="post" action="freecontactformprocess.php" onsubmit="return validate.check(this)">
	<table width="400px" class="freecontactform">
	<tr>
	 <td colspan="2">
	  
	 <div class="freecontactformheader">FORMULARIO DE CONTACTO</div>
	  
	 <div class="freecontactformmessage">Campos marcados con <span class="required_star"> * </span> son obligatorios.</div>
	  
	 </td>
	</tr>
	<tr>
	 <td valign="top">
	  <label for="Nombre_Completo" class="required">Nombre Completo<span class="required_star"> * </span></label>
	 </td>
	 <td valign="top">
	  <input type="text" name="Nombre_Completo" id="Nombre_Completo" maxlength="80" style="width:230px">
	 </td>
	</tr>
	<tr>
	 <td valign="top">
	  <label for="Email" class="required">Email<span class="required_star"> * </span></label>
	 </td>
	 <td valign="top">
	  <input type="text" name="Email" id="Email" maxlength="100" style="width:230px">
	 </td>
	</tr>
	<tr>
	 <td valign="top">
	  <label for="Telefono" class="not-required">Telefono</label>
	 </td>
	 <td valign="top">
	  <input type="text" name="Telefono" id="Telefono" maxlength="100" style="width:230px">
	 </td>
	</tr>
	<tr>
	 <td valign="top">
	  <label for="Mensaje" class="required">Mensaje<span class="required_star"> * </span></label>
	 </td>
	 <td valign="top">
	  <textarea style="width:230px;height:160px" name="Mensaje" id="Mensaje" maxlength="2000"></textarea>
	 </td>
	</tr>
	<tr>
	 <td colspan="2" style="text-align:center" >
	  <div class="antispammessage">
	  Para ayudar a prevenir spam, porfavor responde a esta pregunta
	  <br /><br />
		  <div class="antispamquestion">
		   <span class="required_star"> * </span>
		   Usando solo numeros, ¿Cuanto es 10 mas 15? &nbsp; 
		   <input type="text" name="AntiSpam" id="AntiSpam" maxlength="100" style="width:30px">
		  </div>
	  </div>
	 </td>
	</tr>
	<tr>
	 <td colspan="2" style="text-align:center" >
	 <br /><br />
	  <input type="submit" value=" Submit Form ">
	  
	  <br /><br />
	 </td>
	</tr>
	</table>
	</form>
</body>
</html>